{extend name="index/index"/}

{block name="mycss"}
	{css href="/static/index/css/index.css" }
	{css href="/static/index/css/cate.css" }
	<style type="text/css">
		.navbar-nav li:nth-of-type(2){background-color: #353F4F; }
		.navbar-right li:nth-of-type(2){background-color: #424f63; }
		.bgfdb{background-color:#fdfdfb;border-bottom: 1px solid #e9eae9;}
	</style>
{/block}

{block name="main"}
	<div class="bgfdb row">
		<div class="content">
			<div class="leftspan">
				<div class="list-tit">全部图书分类</div>
				<ul class="list">
				{volist name="data" id="v"}
					<a  class="oneCate" href="{:url('index/Category/showSon',['pid'=>$v['id']])}?where=0"><li class="onelist">{$v['name']}

					{if condition="!empty($v['list'])" }
						<ul class="child">
						{volist name="v.list" id="vo"}
						<a href="{:url('index/Category/showSon',['id'=>$vo['id']])}?where=0" data-id="{$vo['id']}"><li class="col-md-3">{$vo['name']}</li></a>
						{/volist}
						</ul>
					{/if}

					</li></a>
				{/volist}	
				</ul>

				<a href=""><img class="ad-pic" src="/static/index/images/ad1.jpg"></a>
				<a href=""><img class="ad-pic" src="/static/index/images/ad2.jpg"></a>
			</div>
			
			<div class="rightspan">
				<div class="headbox">
					<a href="{:url('index/Index/index')}">新芽阅读＞</a> &nbsp;全部图书
				</div>
				<div class="cate">
					<a href="?where=0"><span {$Request.param.where==0? ' class="clicked col-md-1 bdr" ':' class="col-md-1 bdr" '}>热度 <b class="icon icon0"></b> </span></a>
					<a href="?where=1"><span {$Request.param.where==1? ' class="clicked col-md-1 bdr" ':' class="col-md-1 bdr" '}>最新 <b class="icon"></b> </span></a>
					<a href="?where=2"><span {$Request.param.where==2? ' class="clicked col-md-1 bdr" ':' class="col-md-1 bdr" '}>销量 <b class="icon"></b> </span></a>
					<a href="?where=3"><span {$Request.param.where==3? ' class="clicked col-md-1 bdr" ':' class="col-md-1 bdr" '}>价格 
						<b class="icon icon-up"></b> <b class=" icon icon-down"></b> </span></a>
				</div>
				<div class="booklist" style="margin-top: 15px;">
					{volist name="list" id="v"}
					<div class="item">
						<a href="{:url('index/Details/read',['id'=>$v.id])}"><img src="{$v.face}">
						<span class="name">{$v.name}</span></a>
						<p><span class="author">{$v.author}</span> <span class="price">￥{$v.price}</span></p>
					</div>
					{/volist}
				</div>
				{$page}
			</div>


		</div>
		



	</div>



{/block}